﻿@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{ padding:0px; margin:0px }
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,fieldset, 
legend, input, button,textarea, p, blockquote, th, td { margin: 0; padding: 0;}
body{color:#626262;	margin:0px auto; font-size:12px;  }
div{ margin:0; padding:0; border:0; }
img{ margin:0; padding:0; border:0; }
p{ margin: 0px; line-height:1.8em}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0; /* Remove most spacing between table cells.*/}
li{ list-style: none outside none;}

/*链接*/
a{ text-decoration:none; color:#626262; background: transparent;  outline:none}
a:visited { color:#999;}
a:focus { outline:none; }
a:hover{ color:#0F66CD; outline:none; }
a:active{ color:#0F66CD; outline:none; }

/*标题*/
h1 { font-size: 1.3em;margin:  0;}
h2 {font-size: 1.2em; margin: 0;}
h3 { font-size: 1.17em;margin: 0;}
h4 {font-size: 1em;margin:0;}
h5 {font-size: 0.83em;margin: 0;}
h6 { font-size: 0.67em;margin: 0;}

/*表单*/
form {margin: 0;}
button,input,select,textarea { font-size: 100%;margin: 3px; vertical-align: baseline; *vertical-align: middle; }
button,select {text-transform: none;}
input{ height:36px; line-height:36px;padding:2px;background-color: #FFFFFF;border: 1px solid #ccc;width:50%;line-height: normal;}
textarea{padding: 2px;color: #000000;background-color: #fff;width:70%; height:150px;}

/*其它*/
blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
code, kbd, pre, samp {font-size: 1em;}
pre {margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word; }
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dl{margin: 1em 0;}
dd {margin: 0 0 0 40px;}
/*==========@@HTML默认  结束@@==========*/


/*==========@@元件 开始@@==========*/
/*常用颜色*/
.blue {color: #00F !important;}
.green {color: #0F0 !important;}
.red {color: #F00 !important;}
.black {color: #000000 !important;}
.white {color: #FFFFFF !important;}
.gray { color:gray; !important; }
.purple { color:purple;  !important;}

/*浮动*/
.clear { display:block; clear:both; overflow:hidden; line-height:3px; }
.float_left { float:left; }
.float_right { float:right; }

/*对齐方式*/
.left { text-align: left}
.right {text-align: right}
.center{ text-align: center}



/*其它*/
.hide { display:none; }  /*隐藏*/
.more{ float: right; padding-right:5px;} /*more链接*/
.code_image{ cursor: pointer; padding-bottom:6px;} /*验证码图片样式*/

/*频道*/
.ChannelContent, .ChannelContent p{ line-height:2.4em}
.ChannelSContent{}
.ChannelSContent img, .InfoContent img{ max-width:100% }

/*信息*/
.InfoTitle{ font-weight:normal; text-align:center; vertical-align:middle;   color:#202020; padding:10px 0px}
.InfoTitle h1{ font-size:16px; line-height: 1.5em; }
.InfoTime{color:#999; text-align:left;  padding:2px 0px; height:25px}
.InfoContent, .InfoContent p{ line-height:2.4em; padding:0 0;}
.InfoAttachment{ padding:10px 0px; text-align:center; width:81px; margin:0 auto;}
.InfoPicture{ text-align: center;}
.InfoPicture img{ width:100%; max-width:100%}
.info_from_wrap{ padding:0 10px; text-align:center; color:#999; border-bottom:1px dashed #ccc; line-height:30px; margin-bottom:5px; line-height:36px;}
.info_from_wrap a { color:#999; }
.info_from_wrap a:hover { color:#555; }
#ReadLevelTip{ font-weight:bold; color:red;}

.Tag{ text-align: left; font-weight:bold; }
.Tag b{}
.Tag a{ padding:0 3px; font-weight:normal; text-decoration:none;}
.info_previous_next_wrap{  padding:10px; border-top:1px solid #E3E3E3; margin-top:20px; }
.info_previous_next_wrap .Previous{ float:left;}
.info_previous_next_wrap .Next{ float:right;}
/*==========@@元件 结束@@==========*/


/*==========@@模块  开始@@==========*/
/*左侧*/
/*主体左侧样式*/
.left_title {background:#fff;  border-bottom:2px solid #247c18; color:#323e4a; }
.left_title h2 { text-indent:1em; font-size:14px; color:#000;height:45px; line-height:45px; }
.left_title h2 a { font-size:14px; color:#C7231D; }
.left_body {background:#fff; overflow:hidden; zoom:1; color:#000;  padding:5px 5px 0px 5px;margin-bottom:20px; }

/*样式1*/
.left_title1{ height:39px; line-height:39px; background:url(../images/left_title1.jpg) no-repeat;}
.left_title1 h2 { text-indent:1em; font-size:14px; color:#000;  }
.left_body1 { overflow:hidden; zoom:1;  color:#000; padding:0 10px 5px;  border:5px solid #eff6fe; border-bottom:0; border-top:0}
.left_bottom1 { height:15px;  background:url(../images/left_bottom1.jpg) no-repeat; margin-bottom:5px;}

/*样式2*/
.left_title2 { background:#247c18; height:45px; line-height:45px; color:#efefef; text-align:center; }
.left_title2 h2 { text-indent:1em; font-size:14px; color:#fff; }
.left_body2 { background:#fff; overflow:hidden; zoom:1; color:#000;  padding:0 10px 5px; margin-bottom:20px;}

/*主体右侧*/
/*样式1*/
.right_title { background:#fff; height:50px; line-height:50px; border-bottom:2px solid #247c18; margin-bottom:20px;}
.right_title h2 { font-size:16px; padding-left:10px; color:#202020; }
.right_body { background:#fff; padding:20px 5px; overflow:hidden; zoom:1; }
/*样式2*/
.right_title1 {background:#fff; height:45px; line-height:45px; border-bottom:1px solid #2c2a2b;}
.right_title1 h2 { font-size:14px; font-weight:bold; padding-left:10px; color:#626262;}
.right_body1 {background:#fff;  padding:5px; overflow:hidden; zoom:1; border:5px solid #FACEB9; border-top:0; border-bottom:0}
/*==========@@模块  结束@@==========*/


/*==========@@频道布局 开始@@==========*/
/*===公共 开始===*/
.body_index, .body_article, .body_download, .body_picture, .body_product, .body_single, .body_video, .body_job, .body_feedback, .body_guestbook{}
.index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback{ width:1200px;margin:20px auto; }
#top, #logo, #navigation, #banner, #announcement, #link, #copyright { width:1200px;  margin:0 auto; overflow:hidden; border:0px dashed red;}
#left { float:left; width:250px; }
#right { float:right; background:#fff; width:890px; padding:0 20px 20px; margin-bottom:20px; }
/*===公共 结束===*/

/*===首页 开始===*/
.index .ChannelContent{color:#626262;  line-height:25px; height:200px; background:url(../images/about_bg.jpg); padding:5px; overflow:hidden; margin-bottom:10px;}
.index .ChannelContent a{ color: #ff9d02}
#index_1 { float:left; width:930px; }
#index_2 { float:right; width:250px; }
/*===首页 结束===*/

/*===产品模型 开始===*/
.product  .info_product_detail_wrap{ line-height: 2.2em;}
.product  .info_product_detail_wrap b{color: #626262; font-weight:bold;}
.product  .info_product_detail_wrap table.detail_table{ width:100%; }
.product  .info_product_detail_wrap table.detail_table th{ width: 200px;}
.product  .ProductDescription{ height:40px;  line-height:40px; font-size:16px; font-weight:bold; margin-top:30px; border-bottom:1px solid #52a219;}
.product  .info_product_detail_wrap img{ width:400px; float:left;  text-align:left;border:1px solid #e8e8e8; padding:1px; }
.product  .InfoTitle{  font-size:16px; font-weight:bold; text-align:left; padding:10px 0px;}
.product  .f2{ padding:5px 0px}
.product  .f1{ padding:5px 0px}
.product  .InfoHit{ padding:5px 0px; font-weight:bold; color:#990000}
.product  .InfoTime{ padding:5px 0px; }
.product  .pro_zixun{ margin-top:20px;}
.product  .pro_zixun a{ display:block; width:110px; height:30px; text-align:center; line-height:30px; background:#e34b00; color:#fff; font-size:14px;}

/*===产品模型 结束===*/

/*===招聘频道  开始===*/
.job{ }
.joblist { }
.joblist li {overflow: hidden; padding:5px 0px;}
table.job_table { margin:8px 0px; padding:0px; text-align:center; width:100%; border-collapse:collapse;}
table.job_table td{ padding:8px 5px; border:1px solid #DADBD6;}
table.job_table .Requirement{ text-align:left; padding:8px 5px; line-height:1.5em;}
table.job_table th{color:#333; font-weight:bold; text-align:center; border:1px solid #DADBD6;}
table.job_table .t1 { font-weight:bold;padding:5px 0;width:20%;}
table.job_table .t2 { text-align:left;width:25%;}
table.job_table .t3 {font-weight:bold;width:25%;}
table.job_table .t4 {text-align:left;width:25%;}
table.job_table .operation{text-align:center; margin:0 auto;}
/*应聘*/
table.resume_table { margin:3px; text-align:center; width:97%; border-collapse:collapse;}
table.resume_table th{ font-weight:bold; text-align:left; width:100px;}
table.resume_table td{text-align:left; }
table.resume_table .operation{text-align:center; }
table.resume_table #Detail{ height:200px;}
/*===招聘频道  结束===*/

/*===留言频道  开始===*/
.guestbook{ }
.guestbooklist{}
.guestbooklist li{ padding:10px; border:1px solid #CCC; margin-bottom:10px; }
.MessageTitle { color:#227BAD; line-height:1.5em; font-weight:bold;}
.MessageContent { padding:5px; margin-bottom:10px; }
table.guestbook_table{ width:98%;  }
table.guestbook_table th{ width:100px; text-align:left}
table.guestbook_table td{ text-align:left}
table.guestbook_table .operation{ padding-left:100px;  }
table.guestbook_table .operation input{ width:120px; height:36px; background:#F60; color:#fff;}

/*管理员回复*/
.answer_wrap{ padding:5px; border-top:1px dashed #CCC; line-height:1.5em}
.answer_title{}
.answer_body {}
.Administrator { text-align:right; }
.Reply { text-align:right; }
.AnswerTime{ color:#999 }

/*留言表单*/
.message_title{ padding:20px 0;}
.message_body{ padding-left: 10px; padding-right: 10px; color:#626262; }
.message_bottom{}
/*===留言频道  结束===*/

/*===反馈模型 开始===*/
.feedback{ }
table.feedback_table{ width:99%; text-align:center; margin:0 auto;}
table.feedback_table th{ width:100px; text-align:left; font-weight:bold;}
table.feedback_table td{  text-align:left;}
table.feedback_table .operation{text-align:center}
/*===反馈模型 结束===*/
/*==========@@频道布局 结束@@==========*/


/*==========@@公共板块  开始@@==========*/

/*Js幻灯片样式*/
#banner_main { float: left; width: 100%; position:relative; border:0px solid blue; }
#banner {  border:0px solid red; margin:0 auto; overflow:hidden; width:100%;}
.bannerlist{}
.bannerlist li{ text-align:center; border:0px dashed red; overflow:hidden; display:block; width:100%;}
.bannerlist li img{ margin:0 auto; display:block; }
#banner_main .hd{ width:100%; position:relative; bottom:35px; left:0; height:5px; line-height:5px; text-align:center; border:0px solid red; }
#banner_main .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; border-radius:5px;
background:#666; margin-right:15px; overflow:hidden; font-size:0px;}
#banner_main .hd ul li.on{  background:#28891b;}

/*当前位置*/
#location_main {} 
#location {color:#247c18; float:right; padding-right:8px;}

/*子频道列表*/
.subchannellist { }
.subchannellist li { font-family:microsoft yahei; padding:1px; }
.subchannellist li a { display:block; padding:0 5px 0 25px; color:#000;}
.subchannellist li a:hover {  color:red; text-decoration:none; }
.subchannellist #current a { background:#e34b00; color:#fff; }
.subchannellist .depth1{ line-height: 44px; font-size:14px;border-top:1px solid #e5e5e5; background:#f9f9f9;  }
.subchannellist .depth2{ font-size:12px; text-indent:1.5em;}
.subchannellist .depth3{ font-size:12px; text-indent:3em}
.subchannellist .depth4{ font-size:12px; text-indent:4.5em}
.subchannellist .depth5{ font-size:12px; text-indent:6em}
.subchannellist .depth6{ font-size:12px; text-indent:7.5em}

.subchannellist .depth2 a{ color:#5a5a5a; border-bottom:1px dashed #f5f5f5; line-height:30px;}


/*联系我们*/
.contact_wrap{ line-height:1.8em; line-height:30px; padding:0 10px;}
.contact_wrap b{ font-weight:bold;}
.contact_wrap .WebUrl{ color:#F00 }

/*订购*/
.order{margin:0px auto}
.order .WantOrder h1{ border-bottom:1px dotted #999999; padding: 5px 0px;}
.order .f1{ float:right; color:red;}
table.order_table{ width:98%;  }
table.order_table th{ width:100px; text-align:left;}
table.order_table td{text-align:left}
table.order_table .operation{ text-align:center}

/* 友情链接 */ 
#link_main {}
#link { padding:0; }
.link_title { background: url(../images/right_title1.jpg) repeat-x 0 0; height:39px; line-height:39px;  }
.link_title h2 { font-size:14px; font-weight:bold; padding-left:10px; color:#626262;}
.link_body { padding:5px; overflow:hidden; zoom:1; border:5px solid #FACEB9; border-top:0; border-bottom:0}
.link_bottom { height: 5px; font-size: 0px; line-height:0; background:#FACEB9;  overflow:hidden; margin-bottom:5px;}
.link_pic { overflow:auto; zoom:1;  }
.link_pic ul li { float:left; padding:1px 5px; text-align:center; width:112px}
.link_pic img { width:86px; height:30px; padding:2px; border:1px solid #CCC; }
.link_pic ul li a:hover img { border:1px solid #6C9ACC;}
.link_text { overflow: hidden; zoom:1; }
.link_text ul li { float:left; text-align:center; padding:1px 5px; overflow:hidden; width:112px; white-space:nowrap}
.link_text a { line-height:22px; }

/* 版权信息 */
#copyright_main { color:#BBB; background-color: #004594; }
#copyright { padding:10px 0;  }
#copyright .bottom_navigation{text-align: center;padding: 5px 0px; }
#copyright .line{ padding:0px 8px;}
#copyright a {color: #BBB; text-decoration: none;}
#copyright a:hover {color: #ffe400; text-decoration: none;}
#copyright .bottom_info{ text-align:center;padding-top:5px; padding-right:10px; line-height:20px; }
#copyright .TechnicalSupport{ text-align:center; line-height:20px;}

/*分页样式*/
.page { padding:4px 0px 0px 1px; float:right; clear:both;}
.page a, .page span { float:left; display:block; border:1px solid #D3D1D1; padding:2px 5px; margin-left:4px; line-height:22px; }
.page a:link, .page a:visited { text-decoration:none; }
.page a:hover { background:#CC0001; color:#ff9900; }
.page .current{ background:#CC0001; color:#FFF;}
.page #total{color:red}

/*会员*/
/*会员登录*/
table.login_table{ width:40%; text-align:center; margin:0 auto;}
table.login_table th{ width:100px; text-align:left; font-weight:bold;}
table.login_table td{ text-align:left;}
table.login_table .operation{text-align:center}
table.login_table .quick_login td{text-align:left; padding:10px 0;}
table.login_table .quick_login td img{ margin-right:8px; float:left;}

/*会员注册*/
table.reg_table{ width:50%; text-align:center; margin:0 auto;}
table.reg_table th{ width:130px; text-align:left; font-weight:bold;}
table.reg_table td{  text-align:left; }
table.reg_table .operation{text-align:center}
table.reg_table .MemberCode{  text-align:left; width:70px;}
table.reg_table #SmsCode{width:50px;}

/*忘记密码 第一步*/
table.forget_table1{ width:40%; text-align:center; margin:0 auto;}
table.forget_table1 th{ width:100px; text-align:left; font-weight:bold;}
table.forget_table1 td{ text-align:left; }
table.forget_table1 .operation{text-align:center}
/*忘记密码 第二步*/
table.forget_table2{ width:40%; text-align:center; margin:0 auto;}
table.forget_table2 th{ width:100px; text-align:left; font-weight:bold;}
table.forget_table2 td{text-align:left}
table.forget_table2 .operation{text-align:center}
table.forget_table2 #SmsCode{ width:60px;}
table.forget_table2 .PasswordQuestion, table.forget_table2 .MemberMobile, table.forget_table2 .FindPwdWay{ padding:3px 0;}

/*网站地图列表*/
.maplist{ }
.maplist li { padding:1px; }
.maplist li a { background:#d1e8fc; line-height:25px; display:block; padding:0 20px; border:0px solid #A6CC93; }
.maplist li a:hover { text-decoration:none; background:#FFF; }
.maplist .depth1{font-weight:bold;text-indent:0px; font-weight:bold}
.maplist .depth2{text-indent:2em}
.maplist .depth3{text-indent:4em}
.maplist .depth4{text-indent:6em}
.maplist .depth5{text-indent:8em}
.maplist .depth6{text-indent:10em}
/*==========@@公共板块  结束@@==========*/


/*==========@@通用列表 开始@@==========*/
/*文字列表*/
.textlist{ padding:10px 10px 20px; }
.textlist li { width:190px; height:180px; overflow:hidden; text-align:center;width:100%;/*解决ie6bug*/}
.textlist li img{width:190px; height:140px;}
.textlist li p{line-height:30px;}

.atextlist{ padding:10px 10px 20px; }
.atextlist li {line-height:36px; height:36px;text-indent:20px; background:url(/statics/images/textlist.gif) no-repeat 0 center; overflow:hidden;width:100%; border-bottom:1px solid #f0f0f0;/*解决ie6bug*/}





/*带缩略图文字列表*/
.thumblist{}
.thumblist li {line-height:2em;overflow:hidden;width:100%; margin-bottom:30px;}
.thumblist li img{ float:left; width:180px; height:120px; margin-right:30px; border:1px solid #999999; }
.thumblist li a:hover img { border:1px solid #034b9f;  }
.thumblist li .InfoTitle{color:#212121; font-size:16px; line-height:36px;}
.thumblist li p{ width:760px;}
.thumblist li .info_more{ color:#e05f14; line-height:50px;}

/*橱窗列表*/
.gridlist{ }
.gridlist li { float:left; text-align:center; margin:0px 10px;  width:202px; height:195px; overflow:hidden; display:inline /*解决ie6 双边距bug*/;
text-overflow:ellipsis; white-space:nowrap;}
.gridlist li img { width:198px;border:1px solid transparent; height:140px; border:1px solid #e8e8e8; padding:1px;}
.gridlist li a { white-space:nowrap; line-height:28px;}
.gridlist li a:hover img { border:1px solid #e34b00; }

.picgridlist li{ height:200px; margin-bottom:20px; position: relative;}
.picgridlist li img { width:200px; height:165px; border:1px solid #f0f0f0;}
.picgridlist li a.pic_img{ width:230px;}
.picgridlist li .pic_info{ width:625px;}
.picgridlist li a.pic_info h4{ font-size:14px; line-height:46px;}


/*视频列表*/
.videolist{ }
.videolist li { width:347px; float:left; padding:0px 6px; text-align:center; overflow:hidden;display:inline /*解决ie6 双边距bug*/;
text-overflow:ellipsis; white-space:nowrap;}
.videolist li img { border:1px solid #999999; width:345px; /*height:165px;*/}
.videolist li a { white-space:nowrap; line-height:28px;}
/*==========@@通用列表  结束@@==========*/


.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#01bc54 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#01bc54 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#01bc54 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#01bc54 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#FFFFFF;}
.yb_QQ a:hover{ color:#FFFFFF;}
.yb_QQ a:visited{ color:#FFFFFF;}
.yb_QQ a:link{ color:#FFFFFF;}


